<!DOCTYPE html>
	<html>
	<head>
			<meta charset="utf-8">
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<title>Wp</title>
			<link rel="stylesheet" href="style.css">
			<script type="text/javascript" src=""></script>
	</head>
	<body>
		<div id="page-wrap">
			<div id="header">
				<h1 id="logo"><a href="#">Origin Blog</a></h1>
			</div>
			<div id="top-bar" class="clr">
				<ul id="menu-page-menu">
					<li><a href="">Home</a></li>
					<li><a href="">About</a>
						<ul>
							<li><a href="">Home</a></li>
							<li><a href="">About</a></li>
							<li><a href="">FAQs</a></li>
							<li><a href="">Contact</a></li>
							<li><a href="">Forum</a></li>
						</ul>
					</li>
					<li><a href="">FAQs</a>
						<ul>
							<li><a href="">Home</a></li>
							<li><a href="">About</a></li>
							<li><a href="">FAQs</a></li>
							<li><a href="">Contact</a></li>
							<li><a href="">Forum</a></li>
						</ul>
					</li>
					<li><a href="">Contact</a>
						<ul>
							<li><a href="">Home</a></li>
							<li><a href="">About</a></li>
							<li><a href="">FAQs</a></li>
							<li><a href="">Contact</a></li>
							<li><a href="">Forum</a></li>
						</ul>
					</li>
					<li><a href="">Forum</a></li>
				</ul>
				<div id="searchBox">
					
				</div>
			</div> <!-- end div top bar-->
				<div id="page-info">
					<div id="featured">
						<div id="accordion">
				            <dl class="easy-accordion">
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            	<dt>First slide</dt>
				            	<dd>
				            		<h3><a href="">Horizontal Accordion with Autoplay</a></h3>
				            		<p><img src="images/post-images/img1.png" alt="hehe"/>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, enim.</p>
				            	</dd>
				            </dl>
				        </div>
				        <!-- end div accordion -->
					</div>	
					<!-- end div featured -->
					<div id="facebook">
						<img src="images/facebook.jpg">
					</div>
					<!-- end div facebook -->
				</div>
				<!-- end div info -->
			<div id="content-wrap">
				<div id="first-sidebar">
					<div class="widget">
						<h2>Site Navigatiob</h2>
						<ul id="menu-categories-menu">
							<li><a href="">Quần áo</a></li>
							<li><a href="">Dày dép</a></li>
							<li><a href="">Thủ thuật</a></li>
							<li><a href="">Contact</a></li>
							<li><a href="">Forum</a></li>
						</ul>
					</div>
					<div class="widget">
						<h2>RSS Feeds</h2>
						<p class="date">August 20,2012</p>
						<h4><a href="">Horizontal Accordion</a></h4>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla</p>
					</div>
				</div>	<!-- end div first sidebar -->
				<div id="main-content">
					<h2><a href="">Video</a></h2>
					<div class="post">
						<a href=""><img src="images/post-images/post.jpg"></a>
						<h3><a href="">Horizontal Accordion</a></h3>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla</p>
						<p class="meta-data">By Triệu Nhữ | on August 12, 2012</p>
						<a href="" class="comment-link">6</a>
						<a href="" class="more-link">Continue reading ...</a>
					</div><!-- end div class post -->
					<h2><a href="">Jquery</a></h2>
					<div class="post">
						<a href=""><img src="images/post-images/post.jpg"></a>
						<h3><a href="">Horizontal Accordion</a></h3>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla</p>
						<p class="meta-data">By Triệu Nhữ | on August 12, 2012</p>
						<a href="" class="comment-link">6</a>
						<a href="" class="more-link">Continue reading ...</a>
					</div><!-- end div class post -->

					<h2><a href="">Css</a></h2>
					<div class="post">
						<a href=""><img src="images/post-images/post.jpg"></a>
						<h3><a href="">Horizontal Accordion</a></h3>
						<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla</p>
						<p class="meta-data">By Triệu Nhữ | on August 12, 2012</p>
						<a href="" class="comment-link">6</a>
						<a href="" class="more-link">Continue reading ...</a>
					</div><!-- end div class post -->
				</div> <!-- end div main content-->
				<div id="second-sidebar">
					<ul class="tabs">
						<li><a href="">Random</a></li>
						<li><a href="">News</a></li>
						<li><a href="">Popular</a></li>
					</ul>
					<div class="tab_container">
						<div id="random" class="tab_container">
							<ul >
								<li><a href="">Quần áo</a></li>
								<li><a href="">Dày dép</a></li>
								<li><a href="">Thủ thuật</a></li>
								<li><a href="">Contact</a></li>
								<li><a href="">Forum</a></li>
							</ul>
						</div>

						<div id="news" class="tab_container">
							<ul >
								<li><a href="">Quần áo</a></li>
								<li><a href="">Dày dép</a></li>
								<li><a href="">Thủ thuật</a></li>
								<li><a href="">Contact</a></li>
								<li><a href="">Forum</a></li>
							</ul>
						</div>

						<div id="popular" class="tab_container">
							<ul >
								<li><a href="">Quần áo</a></li>
								<li><a href="">Dày dép</a></li>
								<li><a href="">Thủ thuật</a></li>
								<li><a href="">Contact</a></li>
								<li><a href="">Forum</a></li>
							</ul>
						</div>
					</div><!-- end div tab container -->
					<div class="widget">
						<h2>discussion</h2>
						<ul>
							<li>
								<strong><a href="">QUan ao dep mua he</a></strong>
								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>
							</li>

							<li>
								<strong><a href="">QUan ao dep mua he</a></strong>
								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>
							</li>

							<li>
								<strong><a href="">QUan ao dep mua he</a></strong>
								<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</p>
							</li>
						</ul>
					</div>
				</div><!-- end div second sidebar -->
			</div> <!--end div content wrap -->
		</div> <!-- end div page-wrap		 -->
		<div id ="fooder">
			<p>Đây là fooder</p>
		</div>
	</body>
</html>





















